<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <title> Title </title>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
  <link href="_assets/css/layout.css" rel="stylesheet" type="text/css" />
</head>
<body id="p-content">
		<!-- wrapper -->
		<div class="wrapper">
		<!-- wrap -->
		<div id="wrap">
			
			<!-- head -->
			<div id="head">
				<a href="/" class="logo">挖掘机查询中心</a>
				<!-- nav -->
				<div class="nav">
					<ul>
						<li><a href="/">首页</a></li>
						<li><a href="product.html"  class="active">产品系列</a>
							  <ul>
								<li><a href="#" class="active">小型机</a></li>
								<li><a href="#">中型机</a></li>
								<li><a href="#">大型机</a></li>
							  </ul>
						</li>
						<li><a href="promotion.html">热销活动</a></li>
						<li><a href="service.html">服务与体验</a></li>
						<li><a href="saler.html">经销商查询</a></li>
						<li><a href="brand.html">卡特品牌</a></li>
					</ul>
				</div>
				<!-- /nav -->
				<a href="/" class="login">登录</a>

				<!-- breadcrumb -->
				<div class="breadcrumb">
					<h3>您的位置：</h3>
					<a href="/">首页</a> > <a href="#">挖机产品</a> > <a href="#">大型机</a> >  <a href="#">385C FS液压挖掘机</a>
				</div>
				<!-- /breadcrumb -->

				<!-- banner -->
				<div class="prom">
					<img src="images/banner-1.png"/>
				</div>
				<!-- /banner -->
			</div>
			<!-- /head -->
			<!-- main -->
			<div id="main">
					 <!-- left -->
					<div id="col-left">
							<div class="block">
								<h3>快速服务</h3>
								<p>查找经销商</p>
								<form action="#" name="src">
									<!-- province -->
									<div class="province">
											<span data-value="all">您所在的省份</span>
									</div>
									<!-- city -->
									<div class="city">
											<span>您所在的城市</span>
									</div>
									<input type="hidden" name="province" value="">
									<input type="hidden" name="city" value="">
									<a href="#" class="btn-src"><img src="images/btn-src-2.png"/></a>
								</form>						
								
								<a href="#" class="btn">下载产品手册</a>
								<a href="#" class="btn">产片询价</a>
								<a href="#" class="btn">申请试驾</a>
								<a href="#" class="btn">卡特融资</a>
								<a href="#" class="btn">以旧换新</a>
							</div>

							<div class="block sp">
								<h3>促销活动</h3>

								<a href="#" class="banner"><img src="images/banner-2.png"/></a>
								<a href="#" class="banner"><img src="images/banner-3.png"/></a>

							</div>
					</div>
					 <!--/ left -->
					 <!-- right -->
					 <div id="col-right">
							<!-- intro -->
							<div class="intro">
									<div class="coll" id="js-ptp">
											<div class="detail">
													<span class="ico"></span>
													<img src=""/>
											</div>
											<ul>
												<li><span class="cover"></span><img src="images/pic-li.png"/></li>
												<li><span class="cover"></span><img src="images/pic-1.png"/></li>
												<li><span class="cover"></span><img src="images/pic-2.png"/></li>
												<li><span class="cover"></span><img src="images/pic-3.png"/></li>
												<li class="last"><span class="cover"></span><img src="images/pic-4.png"/></li>
											</ul>
											<div class="clr">&nbsp;</div>
									</div>
									<div class="colr">
											<h1>349DL号液压挖掘机</h1>
											<ul>
												<li>挖机型号:  306</li>
												<li>铲斗容量:  0.22m<sup>3</sup></li>
												<li>工作重量:  775kg</li>
												<li>所属类别:  <span class="highlight">小型机</span></li>
												<li>适用工矿:  土矿和石矿</li>
											</ul>
											<p>挖机好处: <br/>拥有提高操作和维修期间安全的特性，以及更低的操作噪声。坚固的主机架设计精良，可最大限度地提高耐用性和材料的有效利用率。底盘系统可吸收应力并提供极佳的稳定性。</p>
									</div>
									<div class="clr">&nbsp;</div>
							</div>
							<!-- /intro -->
							
							<!-- share -->
							<div class="share">
									<a href="#" class="btn">查看详情</a>
									<a href="#" class="btn-download">下载产品手册</a>
									<a href="#" class="btn-src">查找经销商</a>
							
									<div class="bar">
										<h4>分享至</h4>
										<a href="#" class="ico-renren">人人</a>
										<a href="#" class="ico-weibo">新浪微博</a>
										<a href="#" class="ico-db">豆瓣</a>
										<a href="#" class="ico-tx">腾讯微博</a>
										<a href="#" class="ico-kaixin">开心</a>
									</div>
							</div>
							<!-- /share -->
							
							<!-- intro -->
							<div class="intro last">
									<h2>特点介绍</h2>
									<div class="coll">
											<div class="detail" id="js-player" data-value="/other/userfiles/XT883.flv">
											</div>
									</div>
									<div class="colr">
											<ul class="list">
												<li>
													<img src="images/banner-5.png"/>
													<h4>更安全，更安静</h4>
													<p>拥有提高操作和维修期间安全的特性，以及更低的操作噪声。</p>
												</li>
												<li class="last">
													<img src="images/banner-6.png"/>
													<h4>高效率，低油耗</h4>
													<p>卡特彼勒C6.4 发动机采用的ACERT技术为机器提供首屈一指的动力和燃油效率。</p>
												</li>
											</ul>
									</div>
									<div class="clr">&nbsp;</div>
							</div>
							<!-- /intro -->
							
							<div class="sp-line"></div>
							
							<!-- abstract -->
							<div class="abstract">
									<h2>使用心得<a href="#" class="btn">查看更多产品的用户心得</a></h2>
									<div class="coll">
											<img src="images/head-2.png" class="intro-pic"/>
											<a href="#" class="btn-download">下载</a>
											<p>目前，郝家树的卡特彼勒设备正在北黑公路和漠河两地进行施工。据郝家树介绍，北黑公路的修建中石头较多，漠河地下冻土层较厚，且两地地理位置都靠北，气温低，尤其是漠河，处于中国最北端，两地作业环境之恶劣可以想见。</p>
											<a href="#" class="btn">查看详细</a>
									</div>
									<div class="colr">
											<img src="images/head-2.png" class="intro-pic"/>
											<a href="#" class="btn-download">下载</a>
											<p>目前，郝家树的卡特彼勒设备正在北黑公路和漠河两地进行施工。据郝家树介绍，北黑公路的修建中石头较多，漠河地下冻土层较厚，且两地地理位置都靠北，气温低，尤其是漠河，处于中国最北端，两地作业环境之恶劣可以想见。</p>
											<a href="#" class="btn">查看详细</a>
									</div>
									<div class="clr">&nbsp;</div>
							</div>
							<!-- /abstract -->

					 </div>
					 <!-- /right -->
					<div class="clr">&nbsp;</div>
			</div>
			<!-- /main -->
			<!-- footer -->
			<div id="foot">
					<a href="#">关于我们</a>|
					<a href="#">联系我们</a>|
					<a href="#">网站地图</a>|
					<a href="#">友情链接</a>|
					<a href="#">版权声明</a>|
					<a href="#">CAT集团官网</a><br/>
					<p>&copy;2011 CAT Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis adipiscing tempus elit, euismod imperdiet nunc adipiscing non. Sed ut lacinia sem. Donec pulvinar arcu turpis, nec suscipit arcu. In hac habitasse platea dictumst. nec suscipit arcu. In hac habitasse platea dictumst. </p>
			</div>
			<!-- /footer -->
		
		</div>
		<!--/ wrap -->
		</div>
		<!-- /wrapper -->

<script src="_assets/js/jquery.js" type="text/javascript"></script>
<script src="_assets/js/swfobject.js" type="text/javascript"></script>
<script src="_assets/js/scripts.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
		$(function(){
				new ptp({
					handler:"#js-ptp ul",
					area:"#js-ptp .detail img"
				});
				new PC({
					prc:'.province',
					city:'.city'
				});
				new share({
					handler:".bar a"
				});
				new flashPlay({
					id:"js-player"
				});
				new imgPop({
					handler:'#js-ptp .detail .ico',
					slt:'#js-ptp li > img'
				});
		});
//-->
</script>
</body>
</html>